<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
        <script type="text/javascript">
        	var currIndex=0;
            var list=new Array;
            list[0]  = "../images/3.jpg";
            list[1] = "../images/4.jpg";
			list[2] = "../images/2.jpg";
			list[3] = "../images/1.jpg";
			list[4] = "../images/5.jpg";
			list[5] = "../images/6.jpg";
			function slideshownext(){
				currIndex++;
				if(currIndex>=list.length){
					currIndex=0;
				}
				show(currIndex);
			}
			function slideshowpre(){
				currIndex--;
				if(currIndex<0){
					currIndex=list.length-1;
				}
				show(currIndex);
			}
			function show(number){
				document.myImage.src=list[number];
				alert(document.myImage.complete);
			}
			function getfilesize(){
				document.getElementById("myImageName").innerHTML=Math.round(document.myImage.fileSize/1024)+"k"+"   "+document.myImage.fileTitle;
			}
        </script>
    </head>
    <body onload="show(currIndex);">
    	filesize:<span name="myImageName" id="myImageName"></span><br>
    	<img src="#" name="myImage" onload="getfilesize();" alt="" border=0 width=100 height=100/><br>
		<a href="#" onclick="slideshowpre();">pre</a>&nbsp;&nbsp;&nbsp;<a href="#" onclick="slideshownext();">next</a>
    </body>
</html>